ul,
        li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        body {
            margin: 0;
            padding: 0;
        }

        .rating {
            margin: 100px auto;
            height: 47px;
            width: 0px;
            background: url(./rating.png) repeat-x;
            position: relative;
        }

        .rating-display {
            height: 47px;
            /* width: 240px; */
            background: url(./rating.png) repeat-x 0 -94px;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
        }

        .rating-mask {
            position: absolute;
            z-index: 2;
            height: 47px;
            width: 100%;
        }

        .rating-item {
            float: left;
            height: 47px;
            width: 48px;
            cursor: pointer;
        }